<form id="show-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>订单货品</legend>
    </fieldset>
    <table class="layui-table" lay-size="sm">
        <colgroup>
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>图片</th>
            <th>货号</th>
            <th>规格</th>
            <th>数量</th>
        </tr>
        </thead>
        <tbody>
        {volist name="row['orderProducts']" id="vo" key="key"}
        <tr>
            <td>
                <div class="spec_image" {if condition="!isset($vo.image) || !$vo.image" } style="display: none;" {/if}>
                <div class="spec_image_item">
                    <img src="{$vo.image ?? ''}" id="image-{$key}" style="width:60px;height:60px">
                </div>
                </div>
            </td>
            <td>
                <input type="text" readonly value="{$vo.sn ?? ''}"  placeholder="货号" autocomplete="off" class="layui-input">
            </td>
            <td>
                {$vo.spes_desc}
            </td>
            <td class="have-add-td">
                <input type="number" readonly value="{$vo.num}"  placeholder="数量" autocomplete="off" class="layui-input goods-stock">
            </td>
        </tr>
        {/volist}
        </tbody>
    </table>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>订单详情</legend>
    </fieldset>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Order_sn')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-order_sn" readonly data-rule="required" class="form-control" name="row[order_sn]" type="text" value="{$row.order_sn|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('User_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-user_id" disabled data-rule="required" data-source="user/user/index" data-field="nickname" class="form-control selectpage" name="row[user_id]" type="text" value="{$row.user_id|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Ip')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-ip" disabled class="form-control" name="row[ip]" type="text" value="{$row.ip|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Order_amount')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-order_amount" data-rule="required" class="form-control" step="0.01" name="row[order_amount]" type="number" value="{$row.order_amount|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Prize_amount')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-prize_amount" data-rule="required" class="form-control" step="0.01" name="row[prize_amount]" type="number" value="{$row.prize_amount|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Freight_fee')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-freight_fee" data-rule="required" class="form-control" step="0.01" name="row[freight_fee]" type="number" value="{$row.freight_fee|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Payment')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-payment" disabled data-rule="required" class="form-control" step="0.01" name="row[payment]" type="number" value="{$row.payment|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Payment_code')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-payment_code" disabled class="form-control" name="row[payment_code]" type="text" value="{$row.payment_code|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Ship_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-ship_name" class="form-control" name="row[ship_name]" type="text" value="{$row.ship_name|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Ship_mobile')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-ship_mobile" class="form-control" name="row[ship_mobile]" type="text" value="{$row.ship_mobile|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Ship_area')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-ship_area" class="form-control" name="row[ship_area]" type="text" value="{$row.ship_area|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Ship_detail')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-ship_detail" class="form-control" name="row[ship_detail]" type="text" value="{$row.ship_detail|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Payment_time')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-payment_time" disabled class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[payment_time]" type="text" value="{:$row.payment_time?datetime($row.payment_time):''}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Confirm_time')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-confirm_time" disabled class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[confirm_time]" type="text" value="{:$row.confirm_time?datetime($row.confirm_time):''}">
        </div>
    </div>
</form>
